<div class="container"></div>

<style>
/* From Uiverse.io by PriyanshuGupta28  - Tags: simple, material design, pattern */
.container {
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(
      45deg,
      #e74c3c,
      #e74c3c 10px,
      transparent 10px,
      transparent 20px
    ),
    repeating-linear-gradient(
      -45deg,
      #f39c12,
      #f39c12 10px,
      transparent 10px,
      transparent 20px
    );
  background-size: 100% 100%, 100% 100%, 10px 10px, 10px 10px;
  background-position: center center, center center, center center,
    center center;
}

</style>
    